<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像标签-属性</title>
</head>
<body>
    <img src="./孙悟空.png">
    <img src="./孙悟空1.png" alt="这是孙悟空">
    <img src="./孙悟空.png" title="这是孙悟空">
    <!--浏览器缩放图片，默认是等比例缩放-->
    <img src="./孙悟空.png" width="100">
    <img src="./孙悟空.png" height="600">
</body>
</html>
<!--
    图像标签-属性
        属性       作用           说明
        alt        替换文本       图片无法显示的时候显示的文字
        title      提示文本       鼠标悬停在图片上面的时候显示的文字
        width      图片的宽度     值为数字，没有单位
        height     图片的高度     值为数字，没有单位
    用法：属性名="属性值"
    规则：属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序
-->